<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<rich:panel header="#{messages['confirm.prospect.deposit.payment']}">
	<h:panelGrid ><h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText></h:panelGrid>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		
	    <h:panelGroup>
		    <h:outputLabel for="Name" value="#{messages['registration.no']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="Name"  styleClass="standardText" value="#{memberPaymentBean.member.memberRegNo}"></t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
		    <h:outputLabel for="RegDate" value="#{messages['registered.date']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="RegDate"  styleClass="standardText" value="#{memberPaymentBean.member.createdDate}">
				<f:convertDateTime pattern="dd/MM/yyyy" timeZone="Asia/Kuala_Lumpur"/>
	    	</t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
		    <h:outputLabel for="Product" value="#{messages['membership']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="Product"  styleClass="standardText" value="#{memberPaymentBean.agreement.membership.name}"></t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
		    <h:outputLabel for="CollectAmount" value="#{messages['amount']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="CollectAmount"  styleClass="standardText" value="#{memberPaymentBean.payment.paymentAmount}">
	    		<f:convertNumber pattern="#,###,###,##0.00"/>
	    	</t:outputText>
	    </h:panelGroup>
	    
		<h:outputLabel rendered="#{memberPaymentBean.member.memberType=='member.type.ind'}"  value="#{messages['member.name.label']}" styleClass="standardText_Label" />
		<t:outputText  rendered="#{memberPaymentBean.member.memberType=='member.type.ind'}" value="#{memberPaymentBean.memberInd.nameAsIcPassport}"></t:outputText>

		<h:outputLabel rendered="#{memberPaymentBean.member.memberType=='member.type.ind'}"  value="#{messages['member.icno.label']}" styleClass="standardText_Label" />
		<t:outputText  rendered="#{memberPaymentBean.member.memberType=='member.type.ind'}" value="#{memberPaymentBean.memberInd.newIcNo}"></t:outputText>

		<h:outputLabel rendered="#{memberPaymentBean.member.memberType!='member.type.ind'}"  value="#{messages['company.no']}" styleClass="standardText_Label" />
		<t:outputText  rendered="#{memberPaymentBean.member.memberType!='member.type.ind'}" value="#{memberPaymentBean.memberComp.registerNo}"></t:outputText>

		<h:outputLabel rendered="#{memberPaymentBean.member.memberType!='member.type.ind'}"  value="#{messages['company.name']}" styleClass="standardText_Label" />
		<t:outputText  rendered="#{memberPaymentBean.member.memberType!='member.type.ind'}" value="#{memberPaymentBean.memberComp.compName}"></t:outputText>

<%-- 
	    <h:panelGroup>
			<h:outputLabel for="ccname" value="#{messages['credit.card.holder.name']}" styleClass="standardText_Label" />
		</h:panelGroup>
			<t:outputText id="ccname"  value="#{memberPaymentBean.instruction.name}"></t:outputText>
			
		<h:panelGroup>
			<h:outputLabel value="#{messages['credit.card.no']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="ccno1"  value="#{memberPaymentBean.instruction.cardNo1}"></t:outputText>
			<t:outputText id="ccno2"  value="#{memberPaymentBean.instruction.cardNo2}"></t:outputText>
			<t:outputText id="ccno3"  value="#{memberPaymentBean.instruction.cardNo3}"></t:outputText>
			<t:outputText id="ccno4"  value="#{memberPaymentBean.instruction.cardNo4}"></t:outputText>
		</h:panelGroup>
	   --%>
 
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['verification']}" styleClass="sub_header" />
		<h:panelGroup>
				<h:outputText value="*" styleClass="standardText_Mandatory" />
				<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
		</h:panelGroup>
	</h:panelGrid>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
	
		<h:outputText></h:outputText>
		<t:message for="reason" styleClass="error"></t:message>
		
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputLabel for="reason" value="#{messages['reason']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:inputTextarea id="reason" cols="20" rows="5" value="#{memberPaymentBean.reason}"></t:inputTextarea>
		</h:panelGroup>
		
		<h:outputText></h:outputText>
		<t:message for="password" styleClass="error"></t:message>
		
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<t:outputText value="#{messages['password']}" styleClass="standardText_Label"/>
		</h:panelGroup>
		<t:inputSecret id="password" value="#{memberPaymentBean.password}"></t:inputSecret>
	
	</t:panelGrid>
	
	<rich:spacer height="20"></rich:spacer>
	
	
	<t:panelGrid columns="2"columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		 <h:outputText></h:outputText>
	    <h:panelGrid columns="2">
	    	<h:commandButton value="#{messages['confirm']}" styleClass="button"  action="#{memberPaymentBean.confirmMemberDepositPayment}"></h:commandButton>
	    	<%--<h:commandButton value="#{messages['reject']}" styleClass="button"  action="#{memberPaymentBean.rejectMemberPayment}"></h:commandButton>
	    	--%>
	    	<h:commandButton value="#{messages['cancel']}" styleClass="button" immediate="true" action="financePortal"></h:commandButton>
	    </h:panelGrid>
	</t:panelGrid>
	
</rich:panel>